<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>顺风车确定行程页面</title>

<link rel="stylesheet" type="text/css" href="css/sf/sf_decideWay.css">	
<link rel="stylesheet" type="text/css" href="css/date/reset.css">
<link rel="stylesheet" type="text/css" href="css/date/style.css">
</head>
<body>
	<div style="background-color: #1B2B3B">
		<jsp:include page="../NavigationBar.jsp" flush="true"></jsp:include>
	</div>

	<div class="w1000">
		<!--
            	left start
            -->
		<div class="sf_decideWay_left">
			<ul>
				<li id="li0">
					<h2>确定行程</h2>
				</li>
				<li id="li1">
					<div class="sf_decideWay_getCarCity">
						<table>
							<tbody>
								<tr height="40px">
									<td>取车城市</td>
									<td width="120px" class="didian">太原</td>
									<td>取车门店</td>
									<td width="120px" class="didian">武宿机场店</td>
								</tr>
								<tr height="40px">
									<td>还车城市</td>
									<td width="120px" class="didian">西安</td>
									<td>还车门店</td>
									<td width="120px" class="didian"><input type="text"
										class="logo" value="咸阳机场店" /></td>
								</tr>
							</tbody>
						</table>
					</div>
				</li>
				<li id="li1">
					<table>
						<tr>
							<td>取车区间</td>
							<td width="120px"><span>2017-11-04</span> 至 <span>2017-11-04</span></td>
							<td width="80px" style="padding-left: 30px;">限 租 期</td>
							<td><span></span>天</td>
						</tr>
						<tr>
							<td width="80px">取车时间</td>
							<td><input type="text" id="ECalendar_case2" class="logo" />
								<!--
                                    	时间列表
                                    --> <script src="js/jquery.min.js"></script>
								<script src="js/Ecalendar.jquery.min.js"></script> <script
									type="text/javascript">
									$(function() {
										$("#ECalendar_case2").ECalendar({
											type : "time",
											offset : [ 0, 2 ]
										});
									})
								</script></td>
							<td width="80px" style="padding-left: 30px;">还车时间</td>
							<td><input type="text" class="sf_decideWay_backCarTime"
								value="2017-11-04" /></td>
						</tr>
					</table>
				</li>
				<li id="li1" class="li3">
					<div class="f1">
						<span>租用车型</span> <span class="f1s1"> <img
							src="https://image.zuchecdn.com/newversion/news/order/2014_G10.jpg"
							width="138px" height="80px" style="vertical-align: middle;" />
						</span>
					</div> <span style="margin-top: 52px;">上汽大通G10/7座/2.0T自动沪牌</span>
				</li>
				<li id="li1" class="li4">
					<div class="f1">
						<span>限定总里程：850公里</span> <br /> <span>燃油费路桥费：自理</span>
					</div>

					<div class="f1pt20">
						<span>顺风车价格：</span> <em class="rmb">¥</em> <em class="num">100</em>

						<p>
							价格包含：<span style="font-size: 12px; color: #808080;">车辆租赁费及门店服务费,基本保险费,手续费</span>
						</p>
					</div>
				</li>
				<li id="li2"><a href="sf_waitPay.html"> <input
						type="submit" value="提交订单" onclick="" />
				</a></li>
			</ul>
		</div>
		<!--
            	left end
            -->

		<!--
                	right start
                -->
		<div class="sf_decideWay_right">
			<div class="title">
				<h2>顺风车规则</h2>
			</div>

			<div class="sf_rule">
				<table>
					<tbody>
						<tr>
							<td>1.</td>
							<td>顺风车产品需在预订时预付全款，预付后不能退改；</td>
						</tr>
						<tr>
							<td>2.</td>
							<td>顺风车产品，取还城市不能更改；</td>
						</tr>
						<tr>
							<td style="padding-bottom: 16px;">3.</td>
							<td>限租期内，优惠后总金额含车辆租赁费及门店服务费、基本保险费、手续费；</td>
						</tr>
						<tr>
							<td>4.</td>
							<td>如需可选服务，另外计费；</td>
						</tr>
						<tr>
							<td>5.</td>
							<td>超出限制里程，按1元/公里收取超里程服务费；</td>
						</tr>
						<tr>
							<td style="padding-bottom: 46px;">6.</td>
							<td>超出限制租期，需支付超时服务费：超时4小时以内，按小时收取超时服务费，每小时赠送20km里程；超时4小时以上，按正常价格按天收取车辆租赁费及门店服务费、基本保险及可选服务等费用，同时赠送不限里程；</td>
						</tr>
						<tr>
							<td style="padding-bottom: 16px;">7.</td>
							<td>取车或还车时间在21:00-次日8:00之间，每次需支付50元夜间服务费；</td>
						</tr>
						<tr>
							<td>8.</td>
							<td>顺风车产品不与其他优惠活动同时享受。</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!--
                	right end
                -->
	</div>

	<div class="w1200">
		<!-- 
				footmenu start 
			-->
		<div class="zc_footmenu">
			<div class="zc_main">
				<div class="menuFirst">
					<p>租车预订说明</p>
					<a href="" style="margin-left: 0px;">服务时间</a> <a href="">待租车况</a> <br />
					<a href="">服务预定</a> <a href="">短租产品</a> <br /> <a href="">租车资格</a>
					<a href="">取还车说明</a>
				</div>
				<div style="width: 110px;">&nbsp;</div>
				<div class="menu0" style="width: 70px;">
					<p>会员管理</p>
					<a href="">会员章程</a> <br /> <a href="">会员细则</a> <br /> <a href="">定级积分</a>
				</div>
				<div style="width: 110px;">&nbsp;</div>
				<div class="menu0" style="width: 135px;">
					<p>紧急事务处理</p>
					<a href="">保险责任</a> <a href="">理赔说明</a> <br /> <a href="">事故处理</a>
					<br /> <a href="">救援及备用车</a>
				</div>
				<div style="width: 110px;">&nbsp;</div>
				<div class="menu0" style="width: 132px;">
					<p>租车费用及结算</p>
					<a href="">价格说明</a> <a href="">结算流程</a> <br /> <a href=""
						style="margin-right: 27px;">储值卡</a> <a href="">积分</a>
				</div>
				<div style="width: 110px;">&nbsp;</div>
				<div class="menuLast">
					<p>帮助中心</p>
					<a href="">常见问题</a> <br /> <a href="">新手上路</a> <br /> <a href="">服务规则</a>
				</div>
			</div>
		</div>
		<!--
               	footmenu end
            -->
	</div>
</body>
</html>